<template>
    <div class="header">
        <backion v-show="backIconShow"></backion>
        <h1><slot></slot></h1>
        <cartion v-show="cartIconShow"></cartion>
    </div>
</template>
<script>
import backion from "./backion.vue"
import cartion from "./cartion.vue"
export default {
    name:"MiHeader",
    components:{
        backion,
        cartion
    },
    props:['cartIconShow','backIconShow']
}
</script>
<style lang="scss" scoped>
    .header{
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 0.44rem;
        font-size: 0.18rem;
        h1{
            font-size: .18rem;
        }
    }
</style>